import { useRef } from 'react'
/**
 *    useRef()  和 useState()  区别？
 */

export default function App() {
  const iptDOM = useRef<HTMLInputElement>(null)
  const numberRef = useRef(0)

  const handleGetDOM = () => {
    console.dir(iptDOM.current);
    // useRef 初始化的时候制定了泛型， .value 书写时有提示
    console.dir(iptDOM.current?.value);
    numberRef.current = 2
  }

  return (
    <div>
      <h1>Hello React + TS</h1>
      <button onClick={handleGetDOM}>获取DOM</button>
      <input ref={iptDOM} type="text" />
    </div>
  )
}
